@charset "utf-8";
/*****************  top  *********************/
#top {
	height: 82px;
	width: 100%;
	background-color:#8FCD20;
	background-image:url(images/top_bg.jpg);
	background-repeat:repeat-x;
}
#logo {
	height: 51px;
	width: 151px;
	position: absolute;
	left:20px;
	top:10px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;	
}
#subject {
	height: 30px;
	line-height:30px;
}
.txt_subject{
	font-size:16px;
	font-weight:bold;
	color:green;
	position:absolute;
	left: 817px;
	top: 40px;
}
/*****************  navigate  ******************/
#nav{
	height:35px;
	width:100%;
	background-image:url(images/nav_bg.gif);
	background-repeat:repeat-x;
}
#nav ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#nav ul li
{
	margin:4px 3px 0 3px;
	float:left;
	background-repeat:no-repeat;
	height:22px;
	width:88px;
	cursor:pointer;
}
#nav li.add
{
	background-image:url(images/btn_add.gif);
	
}
#nav li.list
{
	background-image:url(images/btn_list.gif);
}
#nav li.search
{
}

/*****************  main   *********************/
#main {
	height: 500px;
	width: 100%;
	background-image:url(images/main_bg.jpg);
	background-color:#8FCD20;
}
#decorate{
	background-image:url(images/decoration.gif);
	background-repeat:repeat-x;
	height:12px;
	width:100%;
}

#announce {
	/*height: 80px;*/
	width: 600px;
	background-color:#FF9;
	border:2px solid green;
	padding:5px;
	position:absolute;
	left:220px;
	top:160px;
	cursor:move;
	z-index:0;
}
.txt_announce {
	font-size:14px;
	line-height:20px;
	color:green;
}
/*****************  bottom   *********************/
#bottom {
	width: 100%;
	background-image:url(images/bottom_bg.jpg);
	background-repeat:repeat-x;
	height:20px;
	background-color:white;
	color:green;
	padding-top:84px;
	font-size:13px;
	text-align:center;
	vertical-align:text-bottom;
}

/*****************  pager   *********************/
#pager{
	position:absolute;
	left:400px;
	top:84px;
	height:30px;
}
#pager ul.pages {
	display:block;
	border:none;
	text-transform:uppercase;
	font-size:12px;
	margin:0;
	padding:0;
}

#pager ul.pages li {
	list-style:none;
	float:left;
	border:1px solid #ccc;
	text-decoration:none;
	margin:0 5px 0 0;
	padding:5px;
}

#pager ul.pages li:hover {
	border:1px solid #003f7e;
}

#pager ul.pages li.pgEmpty {
	border:1px solid #eee;
	color:#eee;
}

#pager ul.pages li.pgCurrent {
	border:1px solid #003f7e;
	color:#000;
	font-weight:700;
	background-color:#eee;
}


/******************* operations ************************/
#operations
{
	z-index:30000;       /**   **/
	position:absolute;
	top:100px;
	left:150px;
	display:none;
}